<template>
  <div class="common_question">
    <nav-bar></nav-bar>
    <div class="question_title">
      <span>常用题库</span>相关的题库
    </div>
    <question v-for="item in question" :item="item"></question>
  </div>
</template>

<script>
  import NavBar from "components/content/navBar/NavBar";
  import Question from "./Question";

  import {getQuestionList} from "network/search";
  export default {
    name: "CommonQuestion",
    components: {
      NavBar,
      Question
    },
    data()  {
      return {
        question: [],
        base: 1,
      }
    },
    created() {
      getQuestionList(this.base).then(res => {
        if(res.data.code) {
          this.question = res.data.data
        }
      })
    }
  }
</script>

<style scoped>
  .common_question {
    width: 1100px;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
    overflow: hidden;
    background-color: #fff;
  }

  .question_title {
    height: 50px;
    margin: 10px;
    padding-left: 20px;
    background-color: #fff;
    border-radius: 10px;
    line-height: 50px;
    color: #8F9395;
    font-size: 14px;
  }

  .question_title span {
    margin: 0 2px;
    color: #4361a7;
  }
</style>
